<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport"> -->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <!-- <script src="./js/rem.js"></script> -->
    <!-- <script src="./js/jquery.min.js"></script>
    <script src="./js/jquery-1.12.1.min.js"></script>
    <script src="./js/index.js"></script> -->
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/common.css">
    <title>首页</title>
</head>
<body>
    <div class="web">
        12356热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面
        
    </div>
    <div class="search_box">
        3
            h123热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面热搜页面s
        </div>
    <!--热搜页面-->
   
    <script>
        let web = document.querySelector(".web");
        web.addEventListener("click",function(){
            alert(window.innerWidth);
            alert(document.documentElement.clientWidth);
            alert(web.clientWidth);
        })
    </script>
</body>
</html>